<template>
  <div class="bottomBox">
    <div class="bottomwarp">
      <div class="bottomleft">
        <ul>
          <li>
            <span>服务条款</span>
            <span>|</span>
          </li>
          <li>
            <span>隐私政策</span>
            <span>|</span>
          </li>
          <li>
            <span>儿童隐私政策</span>
            <span>|</span>
          </li>
          <li>
            <span>版权投诉指引</span>
            <span>|</span>
          </li>
          <li>
            <span>意见反馈</span>
            <span>|</span>
          </li>
        </ul>
        <p>
          网易公司版权所有©1997-2021&nbsp;&nbsp;&nbsp;&nbsp;杭州乐读科技有限公司运营：浙网文[2021]
          1186-054号
        </p>
        <p>
          违法和不良信息举报电话：0571-89853516
          &nbsp;&nbsp;&nbsp;&nbsp;举报邮箱：ncm5990@163.com
        </p>
        <p>
          粤B2-20090191-18 工业和信息化部备案管理系统网站&nbsp;
          <span class="policelogo"></span> 浙公网安备 33010902002564号
        </p>
      </div>
      <div class="bottomright">
        <div v-for="item in 5" :key="item">
          <span>用户认证</span>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.bottomBox {
  width: 100%;
  border-top: 1px solid #d3d3d3;
  height: 170px;
  background: #f2f2f2;
}
.bottomwarp {
  padding-top: 15px;
  width: 980px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
}
.bottomleft {
  display: block;
  flex-direction: column;
  line-height: 24px;
  font-size: 12px;
  color: #666;
}
.bottomleft ul {
  display: flex;
  color: #999;
  font-size: 12px;
}
.bottomleft ul li {
  display: flex;
}
.bottomleft ul li span:first-child {
  cursor: pointer;
}
.bottomleft ul li span:last-child {
  margin: 0 8px 0 10px;
}
.bottomright {
  width: 420px;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.bottomright div {
  width: 60px;
  height: 50px;
  background: #fff;
  position: relative;
}
.bottomright div:first-child {
  background: url(../assets/image/foot_enter_new.png) no-repeat;
  background-position: -63px -456.5px;
  background-size: 110px 552px;
}
.bottomright div:last-child {
  background: url(../assets/image/foot_enter_new.png) no-repeat;
  background-position: 0 -101px;
  background-size: 110px 552px;
}
.bottomright div:nth-child(2) {
  background: url(../assets/image/foot_enter_new.png) no-repeat;
  background-position: -63px -101px;
  background-size: 110px 552px;
}
.bottomright div:nth-child(3) {
  background: url(../assets/image/foot_enter_new.png) no-repeat;
  background-position: 0 0;
  background-size: 110px 552px;
}
.bottomright div:nth-child(4) {
  background: url(../assets/image/foot_enter_new.png) no-repeat;
  background-position: -60px -50px;
  background-size: 110px 552px;
}
.bottomright span {
  font-size: 10px;
  color: #ababab;
  position: absolute;
  bottom: -12px;
}
</style>